{% extends "base.html" %}
{% block title %}{{ movie.moviename }}{% endblock %}
{% block content %}
    <div class="container-fluid" style="padding-top:15px;background:#FFF;position:relative">
		<div class="col-md-12">
			<h1 class="movie-title">{{ movie.moviename }} <span class="movie-year"></span></h1>
		</div>

		<div class="col-md-11">
				<div class="col-md-4" style="padding-right:5px;">
					<a href="{% url 'movie' movie.id 1 %}" style="display:block;position:relative;">
						<img class="img-thumbnail" alt="{{ movie.moviename }}" width="100%" src="{{ picurl }}">
						<button class="hdtag">{{ movie.language }}</button>
					</a>
					<div class="online-button">
						<a target="_blank" class="btn btn-success btn-block" href="{% url 'movie' movie.id 1 %}">立即播放</a>
					</div>
					<div style="clear:both;"></div>
					<div style="margin:10px auto;">
						<em>更新时间：{{ movie.createtime|date:"Y-m-d" }}</em>
					</div>
				</div>
				<div class="col-md-8" style="padding-right:5px;">
					<table class="table table-striped table-condensed table-bordered" style="margin-bottom:10px;font-size:12px;">
						<tbody>
							<tr>
								<td class="span2"><span class="info-label">导演</span></td>
								<td>{{ movie.director }}</td>
							</tr>
							<tr>
								<td class="span2"><span class="info-label">主演</span></td>
								<td id="casts" style="position:relative;">{{ movie.actor }}<a class="casts-swith"></a></td>
							</tr>
							<tr>
								<td class="span2"><span class="info-label">类型</span></td>
								<td>{{ movie.types }}</td>
							</tr>
							<tr>
								<td class="span2"><span class="info-label">地区</span></td>
								<td>{{ movie.area }}</td>
							</tr>
							<tr>
								<td class="span2"><span class="info-label">更新状态</span></td>
								<td>{{ movie.language }}</td>
							</tr>
							<tr>
								<td class="span2"><span class="info-label">上映日期</span></td>
								<td>{{ movie.publishtime }}</td>
							</tr>
						</tbody>
					</table>
					<p style="color:#777;"><strong>剧情介绍：</strong></p>
					<p class="summary">{{ movie.introduce }}</p>
				</div> <!-- end summary -->
			<div class="row" style="margin-top:10px;">
			</div>
		</div>


		<div class="col-md-12">
			<div class="panel panel-default resource-list">
				<div class="panel-heading"><strong>《{{ movie.moviename }}》 - 在线播放，无需下载插件：</strong></div>
				<ul class="dslist-group">
                    {% for item in movie.avaliblesum %}
                        <li class="dslist-group-item"><a target="_blank" href="{% url 'movie' movie.id item %}">第{{ item }}集</a> </li>
                    {% endfor %}
				</ul>
				<div class="panel-footer resource-help" style="clear: both;">
					<strong>《{{ movie.moviename }}》 ：</strong><br>
                    推荐使用火狐浏览器和谷歌浏览器<br>
                    手机播放应该没啥问题<br>
				</div>
			</div>
		</div>
	</div>
{% endblock %}